<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
<body>
	<ui:composition template="/template/template.xhtml">
		<ui:define name="title">#{aqarMsgs.Aqarat_Customer_CustomerDetails_PageTitle}</ui:define>
		<ui:define name="manuBar">
			<ui:include src="/controlling/aqarat/aqaratMenu.xhtml" />
		</ui:define>
		<ui:define name="content">
			<p:panel header="#{aqarMsgs.Aqarat_Customer_CustomerDetails_CustomerDetails}">
				<h:form id="customerD_frm">
					<h:panelGrid columns="2">
						<h:outputText value="#{aqarMsgs.Aqarat_Customer_Name}" />
						<p:inputText value="#{customerBean.customer.name}" required="true"
							requiredMessage="#{aqarMsgs.Aqarat_Customer_NameRequired}"
							validatorMessage="#{aqarMsgs.Aqarat_Customer_NameValidation}">
							<f:validateLength maximum="150" />
						</p:inputText>
						<h:outputText value="#{aqarMsgs.Aqarat_Customer_CardNo}" />
						<p:inputText value="#{customerBean.customer.cardNo}"
							required="true" requiredMessage="#{aqarMsgs.Aqarat_Customer_CardNoRequired}"
							validatorMessage="#{aqarMsgs.Aqarat_Customer_CardNoValidation}">
							<f:validateLength maximum="14" minimum="14" />
						</p:inputText>
						<h:outputText value="#{aqarMsgs.Aqarat_Customer_Mobile}" />
						<p:inputText value="#{customerBean.customer.mobile}"
							required="true" requiredMessage="#{aqarMsgs.Aqarat_Customer_MobileRequired}"
							validatorMessage="#{aqarMsgs.Aqarat_Customer_MobileValidation}">
							<f:validateLength maximum="100" />
						</p:inputText>
					</h:panelGrid>
					<p:commandButton value="#{aqarMsgs.Aqarat_General_Save}" icon="ui-icon-disk"
						actionListener="#{customerBean.save}" styleClass="button-style"
						onstart="waiteDialog.show()" oncomplete="waiteDialog.hide()"
						update="msgs" />
					<p:messages id="msgs" />
				</h:form>
			</p:panel>
		</ui:define>
	</ui:composition>
</body>
</html>
